<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
</head>
<body>
<div id="f">
    <main class="col-md-8 main-content">
        <article class="post" th:each="article : ${articlePage.content}" th:id="${article.id}" >
            <div class="post-head">
                <h1 class="post-title"><a th:href="'/article/'+${article.id}" th:text="${article.title}">测试</a></h1>
                <div class="post-meta">
                    <span class="author">作者：<a th:href="@{/about}">苏陌年</a></span> &bull;
                    <time class="post-date" th:text="${article.createDate}">
                        2017年8月9日
                    </time>
                </div>
            </div>
            <div class="post-content">
                <p th:utext="${article.description}">摘要</p>
            </div>
            <div class="post-permalink">
                <a th:href="'/article/'+${article.id}" class="btn btn-default">阅读全文</a>
            </div>

            <footer class="post-footer clearfix">
                <div class="pull-left tag-list">
                    <i class="fa fa-folder-open-o"></i>

                    <a th:each="tags : ${article.tagsList}" th:href="'/link/'+${tags.url}" th:text="${tags.name}">标签</a>

                </div>
                <div class="pull-right share">
                </div>
            </footer>
        </article>

        <nav class="pagination" role="navigation">
            <a  th:if="${articlePage.first} == false" class="newer-posts" th:href="'/page/'+(${articlePage.number}-1)"><i class="fa fa-angle-left"></i></a>
            <span class="page-number" th:text="'第 '+(${articlePage.number}+1)+' 页 &frasl; 共 '+${articlePage.totalPages}+' 页'">第 1 页 &frasl; 共 9 页</span>
            <a th:if="${articlePage.last} == false" class="older-posts" th:href="'/page/'+(${articlePage.number}+1)"><i class="fa fa-angle-right"></i></a>
        </nav>
    </main>
</div>
</body>
</html>